<style lang="less" scoped rel="stylesheet/less" type="text/less" >
 @import '~src/assets/css/common.less';
    @deep: ~">>>";

.banner {
  background-color: #f5f5f5;
  position: relative;
  left: 0*@rem-per-px;
  top: 0*@rem-per-px;
  width: 100%;
  height: 345*@rem-per-px;
  z-index: 3;
}
.a-9 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 634*@rem-per-px;
  top: 273*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 24;
}
.b-9 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 634*@rem-per-px;
  top: 183*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 23;
}
.a-8 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 485*@rem-per-px;
  top: 273*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 22;
}
.b-8 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 485*@rem-per-px;
  top: 183*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 21;
}
.a-7 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 336*@rem-per-px;
  top: 273*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 20;
}
.b-7 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 336*@rem-per-px;
  top: 183*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 19;
}
.a-6 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 186*@rem-per-px;
  top: 273*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 18;
}
.b-6 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 186*@rem-per-px;
  top: 183*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 17;
}
.a-5 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 37*@rem-per-px;
  top: 273*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 16;
}
.b-5 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 37*@rem-per-px;
  top: 183*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 15;
}
.a-4 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 635*@rem-per-px;
  top: 122*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 14;
}
.b-4 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 635*@rem-per-px;
  top: 32*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 13;
}
.a-3 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 486*@rem-per-px;
  top: 122*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 12;
}
.b-3 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 486*@rem-per-px;
  top: 32*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 11;
}
.a-2 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 337*@rem-per-px;
  top: 122*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 10;
}
.b-2 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 337*@rem-per-px;
  top: 32*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 9;
}
.a-1 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 187*@rem-per-px;
  top: 122*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 8;
}
.b-1 {
  background-color: #f9f9f9;
  position: absolute;
  left: 187*@rem-per-px;
  top: 32*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 7;
}
.a-0 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 38*@rem-per-px;
  top: 122*@rem-per-px;
  width: 81*@rem-per-px;
  height: 22*@rem-per-px;
  z-index: 6;
}
.b-0 {
  background-color: rgba(238, 238, 238, 0.6);
  position: absolute;
  left: 38*@rem-per-px;
  top: 32*@rem-per-px;
  width: 81*@rem-per-px;
  height: 78*@rem-per-px;
  z-index: 5;
}
.navigation_content {
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 0*@rem-per-px;
  top: 0*@rem-per-px;
  width: 100%;
  height: 319*@rem-per-px;
  z-index: 4;
}
.navigation {
  position: relative;
  background-color: rgb(238, 238, 238);
  left: 0*@rem-per-px;
  top: 0*@rem-per-px;
  height: 328*@rem-per-px;
  opacity: 0.5;
  width: 100%;
  z-index: 3;
}
</style>


<template>
	<div>
		<div class="banner"/>
		<div class="navigation">
			<div class="navigation_content">
				<span class="a-0"/>
				<span class="b-0"/>
				<span class="a-1"/>
				<span class="b-1"/>
				<span class="a-2"/>
				<span class="b-2"/>
				<span class="a-3"/>
				<span class="b-3"/>
				<span class="a-4"/>
				<span class="b-4"/>
				<span class="a-5"/>
				<span class="b-5"/>
				<span class="a-6"/>
				<span class="b-6"/>
				<span class="a-7"/>
				<span class="b-7"/>
				<span class="a-8"/>
				<span class="b-8"/>
				<span class="a-9"/>
				<span class="b-9"/>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'DefaultNavigation',
	data() {
		return {};
	},
	methods: {},
};
</script>

<style scoped>

</style>
